<html>
<wicket:extend>
<div class="top-links">  
  <a class="icon-right" href="#" onClick="helpPopUp();return false;"><img wicket:id="help" /></a>
  <a class="icon-right" href="#" onClick="window.location.reload();return false;"><img wicket:id="refresh" /></a>
  <a class="icon-right" href="#" onClick="window.print();return false;"><img wicket:id="printer" /></a>
  <div class="clear"></div>
</div>

<h1 class="left">Help and Support</h1>
<div class="right" style="margin-top:10px;">
  <form>
    <input type="text" name="search" value="Enter search terms here" class="text left" style="width:300px;margin-right:10px;" />
    <input class="green-button left" type="submit" value="Search" />
  </form>
</div>
<div class="clear"></div>            
<div class="column-button">
  <div class="inner">
  	<table class="bare" style="width:100%;">
    	<tr>
      	<td style="padding-right:40px;">
          <div class="column-button">
          	<a wicket:id="overviewButton" class="gray-button" href="#" style="width:120px;">Overview</a>
            <a wicket:id="energyButton" class="gray-button" href="#" style="width:120px;">Energy</a>
            <a wicket:id="aquaponicsButton" class="gray-button" href="#" style="width:120px;">Aquaponics</a>
            <a wicket:id="lightingButton" class="gray-button" href="#" style="width:120px;">Lighting</a>
            <a wicket:id="temperatureButton" class="gray-button" href="#" style="width:120px;">Temperature</a>
            <a wicket:id="securityButton" class="gray-button" href="#" style="width:120px;">Security</a>
            <a wicket:id="reportsButton" class="gray-button" href="#" style="width:120px;">Reports</a>
            <a wicket:id="settingsButton" class="gray-button" href="#" style="width:120px;">Settings</a>
            <a wicket:id="adminButton" class="gray-button" href="#" style="width:120px;">Administrator*</a>
            </div>
 				</td>
        <td style="width:100%;">
          <div class="box">
            <h2 wicket:id="titleHelp">[Title Here]</h2>
            <div class="box" style="overflow:auto; height: 350px; margin-bottom:0;">
              <div wicket:id="infoHelp">[Text Goes Here]</div>
            </div>
            <div class="clear"></div>
          </div>
        </td>
      </tr>
    </table>
	</div>
</div>
  
</wicket:extend>
</html>

